<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>缤纷商城</title>
        <link rel="stylesheet" href="./icon/iconfont/iconfont.css">
        <link rel="stylesheet" href="./icon/iconfont/demo.css">
    <link rel="stylesheet" href="./css/basic.css">
    <link rel="stylesheet" href="./css/shop.css">
</head>

<body>
    <div class="header">
        <input type="text" placeholder="搜素"class="iconfont icon-search">
        <img src="./商城/media/swiper.jpg" alt=""class="swiper">

    </div>
    <div class="main">
        <div class="fenlei">
            <ul>
                <li>
                    <img src="./商城/media/yifu.jpg" alt="">
                    <p>气质女装</p>
                </li>
                <li>
                    <img src="./商城/media/yifu.jpg" alt="">
                    <p>箱包手袋</p>
                </li>
                <li>
                <img src="./商城/media/yifu.jpg" alt="">
                    <p>潮流男装</p>
                </li>
                <li>
                <img src="./商城/media/yifu.jpg" alt="">
                    <p>时尚饰品</p>
                </li>
            </ul>
        </div>
        <div class="tehui">
            <img class="title" src="./商城/media/Slice 9.png" alt="">
            <div class="content">
                <img src="./商城/media/Slice 7.png" alt="">
                <div class="tehui-items">
                    <div class="item">
                        <img src="./商城/media/tehui.jpg" alt="">
                        <span>￥ 117</span>
                    </div>
                    <div class="item">
                        <img src="./商城/media/tehui.jpg" alt="">
                        <span>￥ 118</span>
                    </div>
                    <div class="item">
                    <img src="./商城/media/tehui.jpg" alt="">
                        <span>￥ 119</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="baoyi">
            <div class="baokuan">
                <span class="title">爆款推荐</span>
                <span class="sub-title">最受欢迎</span>
                <div class="info">
                    <div class="item">
                        <img src="./商城/media/tehui.jpg" alt="">
                        <p>￥
                            <span>423</span>
                        </p>
                        <div class="youhui">
                            <span>立减 </span>
                            <span class="price"> 90</span>
                        </div>
                    </div>
                    <div class="item">
                        <img src="./商城/media/tehui.jpg" alt="">
                        <p>￥
                            <span>111</span>
                        </p>
                        <div class="youhui">
                            <span>立减 </span>
                            <span class="price"> 90</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="baokuan">
                <span class="title">一站买全</span>
                <span class="sub-title">精心优选</span>
                <div class="info">
                    <div class="item">
                        <img src="./商城/media/tehui.jpg" alt="">
                        <p>￥
                            <span>423</span>
                        </p>
                        <div class="youhui">
                            <span>立减 </span>
                            <span class="price"> 90</span>
                        </div>
                    </div>
                    <div class="item">
                        <img src="./商城/media/tehui.jpg" alt="">
                        <p>￥
                            <span>111</span>
                        </p>
                        <div class="youhui">
                            <span>立减 </span>
                            <span class="price"> 90</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="xinxian">
            <img class="title" src="./商城/media/Slice 6.png" alt="">
            <div class="info">
                <div class="item">
                    <img src="./商城/media/tehui.jpg" alt="">
                    <span>￥ 298</span>
                </div>
                <div class="item">
                    <img src="./商城/media/tehui.jpg" alt="">
                    <span>￥ 298</span>
                </div>
                <div class="item">
                    <img src="./商城/media/tehui.jpg" alt="">
                    <span>￥ 298</span>
                </div>
                <div class="item">
                    <img src="./商城/media/tehui.jpg" alt="">
                    <span>￥ 298</span>
                </div>
            </div>
        </div>
        <div class="tuijian">
            <div class="item">
                <img src="./商城/media/tehui.jpg" alt="">    
                <textarea name="" id="" rows="2" placeholder="PLAZA STYLE estaa 珍珠款毛绒绒保暖…"></textarea>
            <div><span>¥ 289</span>
                <span>¥ 369</span>
                <span>2.9 万+人付款</span>
            </div>
            </div>
            <div class="item">
                <img src="./商城/media/tehui.jpg" alt="">
                <textarea name="" id="" rows="2" placeholder="PLAZA STYLE estaa 珍珠款毛绒绒保暖…"></textarea>
                <div><span>¥ 289</span>
                    <span>¥ 369</span>
                    <span>2.9 万+人付款</span>
                </div>
            </div>
        </div>

    </div>
    <div class="footer">
        <a href="#" class="active">
        <img src="./商城/media/ic_public_home_normal.png" alt="">
            <p>首页</p>
        </a>
        <a href="#">
        <img src="./商城/media/ic_public_pro_normal.png" alt="">
            <p>分类</p>
        </a>
        <a href="#">
        <img src="./商城/media/ic_public_cart_normal.png" alt="">
            <p>购物袋</p>
        </a>
        <a href="#">
            <img src="./商城/media/ic_public_my_normal.png" alt="">
            <p>我的</p>
        </a>
    </div>
</body>

</html>